<template>
  <div class="student-form">
    <el-card>
      <template #header>
        <div class="card-header">
          <span class="title">{{ isEdit ? '编辑学生' : '添加学生' }}</span>
        </div>
      </template>
      
      <div class="content">
        <p>学生表单页面开发中...</p>
      </div>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { useRoute } from 'vue-router'

const route = useRoute()
const isEdit = computed(() => !!route.params.id)
</script>

<style lang="scss" scoped>
.student-form {
  .content {
    padding: 40px;
    text-align: center;
    color: $text-color-secondary;
  }
}
</style>
